<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Rugby Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,300italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<!--//fonts-->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- js -->
<script src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
			<!--pop-up-box-->
					<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
					<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!--pop-up-box-->
</head>
<body> 
	<!--header-->	
<div class="header">
	<div class="header-top">
        <div class="container">
		<div class="header-top-top">
			<div class=" header-top-left">
				<p>24/7 Support : <span>010-25418796</span></p>	 		
			</div>
  	         <div class=" header-top-right">
   				    <select class="drop-down drop-down-in">
						<option value="1">English</option>
						<option value="2">French</option>
						<option value="3">German</option>
					</select>
   			   <div class="clearfix"> </div>
   			 </div>
			
			<div class="clearfix"> </div>
       </div>
    </div>
	</div>
      <div class="header_bottom"> 
	  <div class="container">
	   <div class="header-bottom-top">
                 <div class="logo">
							  <a href="index.html"><h1>Rugby</h1></a>
						  </div>   
	   	<div class="top-nav">
				<span class="menu"><img src="images/menu.png" alt=""> </span>

     		 		<ul>
						<li  class="active"><a href="index.html">Home</a></li>
     		 			 <li><a href="about.html">About</a></li>
					  <li><a href="services.html">Services</a></li>
					  <li><a href="typography.html">Typography</a></li>
					  <li><a href="gallery.html">Gallery</a></li>
					  <li><a href="contact.html">Mail</a></li>
     		 		</ul>
					<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>

     		 	</div>

   	  <div class="clearfix"> </div>
   	  </div>
	  </div>
	</div>	
</div>
 <div class="banner">
<script src="js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
<div class="slider">
	 <div class="container">
		   <div class="callbacks_container">
			  <ul class="rslides" id="slider">
				 <li>	    
				 	<h3>Mini footy</h3>      
					 <p>Mini rugby league is a 9-a-side adapted version of the sport. It includes full contact but does not feature scrums and limits kicking to converting tries</p>		          
				 <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
				 </li>
				 <li>	
				 	<h3>Mod league</h3>            
					 <p>Mod league follows on from mini footy; it introduces laws more common to the full international laws of rugby league, whilst also keeping the theme league.</p>		          
				 <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
				 </li>
				 <li>	
				 	<h3>Tag rugby</h3>            
					 <p>Tag rugby, or flag rugby, is a non-contact team game in which each player wears a belt that has two velcro tags attached to it, or shorts with velcro patch</p>		          
				 <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
				 </li>
			  </ul>
		  </div>
	  </div>
</div>
</div>

<div class="banner-bottom">
	<div class="b-grid1">
		<a href="#"><i class="glyphicon glyphicon-flag"> </i>Playing area</a>
	</div>
	<div class="b-grid2">
		<a href="#"><i class="glyphicon glyphicon-tags"> </i>Player records</a>
	</div>
	<div class="b-grid3">
		<a href="#"><i class="glyphicon glyphicon-tower"> </i>Summer Olympics</a>
	</div>
	<div class="b-grid4">
		<a href="#"><i class="glyphicon glyphicon-globe"> </i>Sevens World Series</a>
	</div>
	<div class="b-grid5">
		<a href="#"><i class="glyphicon glyphicon-bullhorn"> </i>Future concerns</a>
	</div>
	<div class="clearfix"> </div>
</div>
<div class="welcome">
	<div class="container">
		<h2>Welcome Rugby Championship</h2>
		<p>14 teams qualify for the 2013 Rugby League World Cup: Australia, England, New Zealand, Samoa, Wales, Fiji, France, Papua New Guinea, Ireland, Scotland, Tonga, Cook Islands, Italy and United States of America. The Tri-Nations series is expanded to include Argentina, and is renamed The Rugby Championship.</p>
	</div>
</div>
	<div class="content">
		<div class="container">
			<div class="content-top">
				<div class="col-md-4 grid">
					<a href="about.html"><img class="img-responsive" src="images/a2.jpg" alt=""/>
					<div class="simply" >
						<h4>exerci tation ullamcorper suscipit</h4>
						<p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
					</div></a>

				</div>
				<div class="col-md-4 grid">
					<a href="about.html"><img class="img-responsive" src="images/a1.jpg" alt=""/>
					<div class="simply" >
						<h4>exerci tation ullamcorper suscipit</h4>
						<p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
					</div></a>
				</div>
				<div class="col-md-4 grid">
					<a href="about.html"><img class="img-responsive" src="images/a3.jpg" alt=""/>
					<div class="simply" >
						<h4>exerci tation ullamcorper suscipit</h4>
						<p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
					</div></a>
				</div>
				<div class="clearfix"></div>
			</div>
			</div>
            <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
			<!--video-->
			<div class="video">
	<div class="container">
		<div class="video-main">
				<div class="col-md-6 video-left">
					<img src="images/video-img.jpg" alt="">
					 <div class="video-play-bwn">
					 	<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"><img src="images/play.png" alt=""></a>
					 </div>
					 <div id="small-dialog5" class="mfp-hide">
					<iframe src="https://player.vimeo.com/video/65290418?title=0byline=0portrait=0"></iframe> 
					</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>

				</div>
				<div class="col-md-6 video-right wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: bounceInRight;">
					<h3>Watch the video about how it all started.</h3>
					<a class="face-book" href="#"> Share on Facebook</a>
				   <div class="tweet">
					<a href="#"> Tweet this</a>
				  </div>
				</div>
		<div class="clearfix"> </div>
	  </div>
  </div>
</div>
<!--/video-->
<!--POPULAR TAGS-->
<div class="content-info">
	 <div class="container">
		 <div class="content-bottom-grids">
			 <div class="col-md-4 popular">	
				 <h3>POPULAR TAGS</h3>
				 <ul>
					 <li><a href="#">Ut vehicula nisl ut purus tempus aliquet.</a></li>
					 <li><a href="#">Nullam a risus pharetra nisi commodo auctor.</a></li>
					 <li><a href="#">Proin venenatis velit a fringilla rutrum.</a></li>
					 <li><a href="#">Nunc facilisis dolor ac suscipit volutpat.</a></li>
					 <li><a href="#">Cras tempor justo ac mauris laoreet lacus efficitur.</a></li>
					 <li><a href="#">Sed tincidunt enim ac elit tempor erat consequat.</a></li>
					 <li><a href="#">Proin venenatis velit a fringilla rutrum.</a></li>
					 <li><a href="#"> Aliquam vulputate mi vestibulum mauris ultrices.</a></li>
				 </ul>
			 </div>
			 <div class="col-md-4 welcome-pic">
				 <h3>ABOUT</h3>
				 <img src="images/cnt.ab.jpg" alt="">
				 <p>Aenean ut condimentum magna, mattis pretium massa. Sed sollicitudin ullamcorper auctor. Duis vestibulum velit id augue pulvinar egestas. 
				 Morbi sed orci auctor, feugiat felis at, fermentum magna. In ac egestas lectus.</p>
			</div>
			<div class="col-md-4 coach">
				 <h3>OUR COACHES</h3>
				 <div class="coch-grid chr">
					 <div class="coach-pic">
						 <img src="images/ch1.jpg" alt="">
					 </div>
					 <div class="coach-pic-info">
						 <h4><a href="#">Phasellus at Tellus</a></h4>
						 <h5>Aenean vestibulum </h5>
						 <p>Donec ornare massa at velit fringilla, condimentum magna ornare tincidunt nulla dignissim.</p>
					 </div>
					 <div class="clearfix"></div>
				 </div>
				 <div class="coch-grid">
					 <div class="coach-pic">
						 <img src="images/ch2.jpg" alt="">
					 </div>
					 <div class="coach-pic-info">
						 <h4><a href="#">Phasellus at Tellus</a></h4>
						 <h5>Aenean vestibulum </h5>
						 <p>Donec ornare massa at velit fringilla, condimentum magna ornare tincidunt nulla dignissim.</p>
					 </div>
					 <div class="clearfix"></div>
				 </div>
			</div>
			<div class="clearfix"></div>
		 </div>
	 </div>
</div>
<!--/POPULAR TAGS-->
</div>  
<div class="contact_index">
	<div class="container">
		<div class="col-md-7 contact_index-left">
			<h3>Send Us A Message</h3>
			<div class="contact-form">
				<form>
					<input type="text" class="textbox" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name';}">
					<input type="text" class="textbox" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}">
					<textarea onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
					<input type="submit" value="Send Now">
				</form>
			</div>
		</div>
		<div class="col-md-5 contact_index-right">
			<h3>Quick Links</h3>
			<ul class="contact_social">
			  <li><a href="#"> <i > </i> </a></li>
			  <li><a href="#"> <i class="gmail"> </i> </a></li>
			  <li><a href="#"> <i class="twitter"> </i></a></li>
			  <li><a href="#"> <i class="message"> </i></a></li>
			</ul>
		</div>
	</div>
	
	</div>
	<div class="footer">
				<div class="container">
				<div class="footer-bottom-at">
					<div class="col-md-6 footer-grid">
						<h3>Rugby</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
					</div>
					<div class="col-md-6 footer-grid-in">
					<ul class="footer-nav">
						 <li ><a href="index.html">Home</a>|</li>
					  <li><a href="about.html">About</a>|</li>
					  <li><a href="services.html">Services</a>|</li>
					  <li><a href="typography.html">Typography</a>|</li>
					  <li><a href="gallery.html">Gallery</a>|</li>
					  <li><a href="contact.html">Mail</a></li>	
					</ul>
					<p class="footer-class">Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
			</div>

</body>
</html>